<template>
  <div class="my">
    <h3>个人中心</h3>
  </div>
</template>

<script>
import { Dialog } from 'vant';



export default {

  // 访问这个组件之前的钩子函数
  beforeRouteEnter(to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不！能！获取组件实例 `this`
    // 因为当守卫执行前，组件实例还没被创建
    // 获取token
    let token = localStorage.getItem("AUTO_TOKEN");
    // 判断是有值
    if (token) {
      next(true);
    }
    else {
      Dialog.confirm({
        title: '您还没登录',
        message: '要跳转到登录页面吗?',
      })
      .then(() => {
        // on confirm （确定）
        next({ path: '/login' })
      })
      .catch(() => {
        // on cancel （取消）
        next(false);
      });
    }
  },
}
</script>